<template>
	<view :style="[style]">
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		props: {
			size: {
				type: Number,
				default: 10
			},
			color: {
				type: String,
				default: '#f00'
			}
		},
		computed: {
			style() {
				return {
					"width": this.size + "rpx",
					"height": this.size + "rpx",
					"border-radius": this.size / 2 + "rpx",
					"background-color": this.color
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	
</style>
